<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'document-success.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
body {
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
	width: 1005px;
}

.span3 {
	margin-top: 30px;
	height: 620px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 0px 160px 6px 0px;
	opacity: 0.3;
}

.flow {
	font-size: 22px;
	overflow: hidden;
	height: 140px;
	width: 300px;
}

.c-right {
	margin-right: auto;
}

li:hover {
	color: #fff;
}

.body-bgc {
	padding-top: 20px;
	width: 800px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.btn-fb {
	padding: 5px;
	margin: 15px;
	width: 65px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	border-radius: 8px;
}

.title {
	height: 30px;
	width: 220px;
	background-image: url("img/title.png");
	background-repeat: no-repeat;
}

hr {
	margin: 5px 10px 10px 0;
}

.newproject {
	margin-bottom: 20px;
	margin-left: 25px;
}

.accordion-heading {
	height: 30px;
	background-color: #fff;
	opacity: 0.8;
}

.contents {
	word-wrap: break-word;
	width: 600px;
	margin-left: 20px;
	font-size: 16px;
}

.collapse {
	background-color: #fff;
	opacity: 0.6;
}

.span5 {
	width: 280px;
	margin-left: 80px;
	margin-top: 110px;
	opacity: 0.7;
}

.span8 {
	width: 300px;
	margin-left: 60px;
	margin-right: 20px;
	margin-top: 110px;
	float: left;
	opacity: 0.65;
}
</style>
</head>

<body>
	<%@ include file="include/topbar.jsp"%>
	<%@ include file="include/left.jsp"%>

	<div class="span8 well">

		姓名：<span id="name">${linkman.name }</span> <br /> 公司:<span
			id="companyName">${linkman.company }</span><br /> 手机：<span
			id="linkmanmobile">${linkman.moblie }</span><br /> 固话：<span
			id="linkmantel">${linkman.tel }</span><br /> <br /> 邮箱：<span
			id="linkmanemail">${linkman.email }</span><br /> 地址：<span
			id="linkmanaddress">${linkman.address }</span><br /> <br /> 主页：<a
			href="" id="linkmanwebsite">${linkman.website }</a><br /> 微博：<a
			href="" id="linkmanweibo">${linkman.weibo }</a><br /> <br /> 记录：
		<form action="saverecord.action?id=${linkman.id}" method="post">
			<textarea rows="3" cols="" id="textarea" name="linkrecord.content">
			</textarea>
			<br />
		</form>
		<input id="btn" type="submit" value="發佈" />
		<c:if test="${empty linkrecordList}">
			暂时没有联系人记录
		</c:if>
		<c:forEach var="linkrecord" items="${linkrecordList }">
			<div>${linkrecord.content }</div>
			<div>----${user.username}发布于${linkrecord.createtime }</div>
		</c:forEach>

	</div>
</body>

<script type="text/javascript">
	$(function() {
	
		
	/* var editor
			$("#textarea").click(
					function() {
						editor = KindEditor.create("#textarea", {
							items : [ 'fontname', 'fontsize', '|', 'forecolor',
									'hilitecolor', 'bold', 'italic',
									'underline', 'removeformat', '|',
									'justifyleft', 'justifycenter',
									'justifyright', 'insertorderedlist',
									'insertunorderedlist', '|', 'emoticons',
									'image', 'link' ]
						});

					}); */

		$("textarea").popover({
			title : "信息提示",
			content : "发布信息不能为空",
			trigger : "manual"
		});

		$("textarea").click(function() {
			$(this).popover("hide");
		});
		$("#btn").click(function() {
			//editor.remove();
			if ($("#textarea").val() == null) {
				return false;
			}

			$("form").submit();

		});

	});
</script>

</html>
